<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>vue demo</title>
  <script src="./js/vue.js"></script>
  <link rel="stylesheet" href="/css/style.css">
  <script src="http://srxboys.cn:8885/dist/index.js" id="rxcornor" link="https://gitee.com/cheere/rxlogin-sdk" target="_blank" title="Gitee"></script>
</head>
<body>
  <!-- vue 根元素 -->
  <div id='app'>
    <t1 />
  </div>

  <!-- vue 模板 -->
  <template id='t1'>
    <div>
      <h2>vue2.x 项目 demo</h2>
      <p> 登录后 - 去签署协议后，并调用当前`页面的方法`、`改变当前dom某个元素值`</p>
      <div style="height: 20px"></div>
      <template v-if="ispc">
        <div>
          <p>PC 浏览器 (window.open)</p>
          <button type="submit"  id="btn_submit" @click="btnAction">登录</button>
        </div>
      </template>

      <template v-else>
        <div>
          <p>微信、qq、平台只能用这个</p>
          <button type="submit"  id="ifr_submit" @click="ifrAction">登录 iframe</button>
        </div>

        <div id='dialog'>
          <!-- 如果没有对该 URL 进行“过滤”以防止通过 javascript: 来执行 JavaScript，则会有潜在的安全问题。有一些库如 sanitize-url 可以帮助你做这件事 -->
          <!-- https://cn.vuejs.org/v2/guide/security.html#%E6%B3%A8%E5%85%A5-URL -->
          <iframe id="ifr" src="" frameborder="0" scrolling="auto" width="100%" height="100%"></iframe>
        </div>
      </template>

      <div>
        <div>回调 值</div>
        <div id='txtld'></div>
      </div>

      <hr>

      <div>
        <p>以上2种，都不支持 iPhone -> UC/夸克</p>
      </div>

      <hr>
      <div id="cb"></div>
    </div>
  </template>

  <!-- vue 初始化 -->
  <script src="./js/index.js"></script>
</body>
</html>